<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		
	
		<script type="text/javascript" src="js/jquery-3.1.1.js">	
		</script>
		<link media="screen and (max-width:1800px)" rel="stylesheet" href="css/style.css" />  
<link rel="stylesheet" type="text/css" href="js/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="js/bootstrap.min.css"/>
	<script src="js/jquery-1.7.2.min.js " type="text/javascript"></script>
		<script type="text/javascript" src="js/slides.min.jquery.js"></script>
<script>
		$(function(){
			$('#slides').slides({
				generateNextPrev: true,
				play: 2500
			});
			$('#slides_two').slides({
				generateNextPrev: true,
				play: 4500
			});
			
			});
</script>
	</head>
	<body>
		<div class="head">
				<img src="img/0.png" class="logo"/>
				
		<nav class="navbar">
      <div class="nav bar-header">
          <a href="#" class="navbar-brand">
            About the App
          </a>
          <a href="#" class="navbar-brand">
            Our Services
          </a>
          <a href="#" class="navbar-brand">
            Become a Partner
          </a>
          <a href="#" class="navbar-brand">
            Invest in us
          </a>
           <a href="#" class="navbar-brand">
FAQ          </a>
<a href="#" class="navbar-brand">
Blog        </a>
<a href="#" class="navbar-brand">
Contact       </a>
<button class="btn btn-lg">GET THE APP</button>
      </div>
		</nav>
      <div id="slides_two">
		<div class="slides_container">
			<div>
				<h1>Revolutionising Waste - We Recycle 93%</h1>
			  	<hr />
			  	<p>YOU CLICK. WE COLLECT</p>
			  	
			</div>
			<div style="margin-left: 5%;">
				<h1>24 Hour waste removal</h1>
				<hr />
				<p>Be Responsible</p>
				
			</div>
		</div>
	</div>
	<div class="col-md-1 col-md-offset-5">
	<button class="btn btn-lg">DOWNLOAD THE APP</button></div>
	<div class="nbsp">&nbsp;</div>
		</div>
	<div class="middle">
		<div class="title">
		<div class="col-md-3 col-md-offset-6">
			<h2>OUR APPROACH</h2>
		</div></div>
		<div class="row">
		<div class="col-md-12">
			<div class="col-md-3 col-md-offset-2">
				<img src="img/圆环.png" style="z-index: 1;left: 2%;"/>
				<img id="zhao" src="img/照相机.png" id="bottom" style="z-index: 2;width: 10%;margin-top: 4%;"/>
				<p><h4>Technology</h4>We use our iOs mobile app with our in-house tech to connect you to the nearest supplier of services. We are the ‘uber’ for waste. No more flicking through google or worrying if the guy picking up your goods is  licensed. </p></div>
				<div class="col-md-3">
					<img src="img/圆环.png" style="position: absolute;z-index: 1;left: 2%;top: 2%;"/>
				<img id="zhao" src="img/立方体-1.png" id="bottom" style="position: absolute;z-index: 2;width: 10%;margin-top: 4%;left: 6%;"/>
				<p><h4>Efficiency</h4>We use our iOs mobile app with our in-house tech to connect you to the nearest supplier of services. We are the ‘uber’ for waste. No more flicking through google or worrying if the guy picking up your goods is  licensed. </p>
				</div>
				<div class="col-md-3">
					<img src="img/圆环.png" style="position: absolute;z-index: 1;left: 2%;top: 2%;"/>
				<img id="zhao" src="img/显示屏.png" id="bottom" style="position: absolute;z-index: 2;width: 10%;margin-top: 4%;left: 6%;"/>
				<p><h4>Sustainability</h4>We use our iOs mobile app with our in-house tech to connect you to the nearest supplier of services. We are the ‘uber’ for waste. No more flicking through google or worrying if the guy picking up your goods is  licensed. </p>
				</div>
			
		</div></div>
	</div>
	</body>
</html>
